'use client'

import { useToast } from '@/components/ui/use-toast'
import { Button } from '@/components/ui/button'
import { ToastProvider } from '@/components/ui/use-toast'

export default function TestToast() {
  const toast = useToast()

  const handleClick = () => {
    toast({ title: '测试通知', description: '这是一个测试通知', status: 'success' })
  }

  return (
    <ToastProvider>
      <div className="p-4">
        <Button onClick={handleClick}>显示通知</Button>
      </div>
    </ToastProvider>
  )
}